.cashOutRecord {
  padding: 30rpx 24rpx;

  .item {
    margin-bottom: 24rpx;
    border-radius: 20rpx;
    padding: 32rpx 24rpx 24rpx;
    background-color: #fff;

    .avatar {
      width: 116rpx;
      height: 116rpx;
      border-radius: 50%;
    }

    .nickname {
      font-size: 32rpx;
      font-weight: 500;
    }

    .username {
      font-size: 24rpx;
      color: #666;
      font-weight: 400;
    }

    .user-info {
      font-size: 24rpx;
      margin-top: 24rpx;
      color: #666;
    }

    .divider {
      width: 2rpx;
      height: 20rpx;
      margin: 2rpx 24rpx 0;
      margin-top: 2rpx;
      background-color: #F1F1F1;
    }

    .data-info {
      height: 128rpx;
      margin-top: 22rpx;
      border-radius: 16rpx;
      display: grid;
      grid-template-columns: repeat(auto-fill, 25%);
      background-color: #F7F8FC;

      &-item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }

      .title {
        font-size: 24rpx;
        color: #999;
      }

      .num {
        margin-top: 8rpx;
        font-size: 30rpx;
        font-weight: 500;

        .suffix {
          font-size: 24rpx;
          font-weight: 400;
        }
      }
    }
  }
}